import React, { useEffect, useState } from 'react';

import { base_swiper1 } from '../../utils/api'
import { Layout, Menu, Carousel } from 'antd';
var { Content } = Layout

function Home(props) {
    var [swiperlist, setSwiperlist] = useState([])
    useEffect(() => {
        // 请求轮播图列表
        base_swiper1().then((res) => {
            setSwiperlist(res.data.list)
        })
    }, [])
    return (
        <Layout className="home">
            <Content>
                <Carousel autoplay className='swiper'>
                    {
                        swiperlist.map((item, index) => {
                            return (
                                <div key={index}>
                                    <img src={item.img}/>
                                </div>
                            )
                        })
                    }
                </Carousel>
                <div className="notices">
                    <div className="title">系统通知</div>
                    <ul className="list">
                        <li>2021年10月版本更新说明 | 呼叫系统</li>
                        <li>2021年10月版本更新说明 | 在线系统</li>
                        <li>2021年10月版本更新说明 | 智能系统</li>
                        <li>2021年10月版本更新说明 | 综合系统</li>
                    </ul>
                </div>
            </Content>
        </Layout>
    );
}

export default Home;